<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        str1 = '78';
        str2 = '78.01'
        str3 = '78px'

        // 1.将字符串类型转为整数数字型
        console.log(parseInt(str1), typeof parseInt(str1));
        // 如果使用parseInt将小数字符串转为整数，则小数点后的数字会被截断
        console.log(parseInt(str2), typeof parseInt(str2));
        // 如果使用parseInt将数字+单位格式的字符串转为整数，则单位会被去掉
        console.log(parseInt(str3), typeof parseInt(str3));

        // 2.将字符串类型转为浮点数数字型
        console.log(parseFloat(str2),typeof parseFloat(str2));

        // 3.将String强转数值型
        console.log(Number(str1),typeof(Number(str1)));

        // 4.隐式转换
        console.log(str1-2);
    </script>
</body>

</html>